

/**************************************************/
/** Document ready **/
/**************************************************/
$(document).ready(function(){

    var mywidth=$("body").width();
    
    var wid_set=(mywidth-$("#login").width())/2;
     $("#login").css("left",wid_set)
    
    $("body").click(function()
    {
        toggle_popup();
        
    });
    $("#overflow").click(function(e)
    {
        toggle_popup();
        e.stopPropagation();
        
    });
     $("#login").click(function(e)
     {
        e.stopPropagation();
     });
    $("#btn_close").click(function(e)
    {
        e.stopPropagation();
        toggle_popup();
    });
    //FUNTION TO OPEN/CLOSE POPUP
    function toggle_popup()
    {
        var status=$("#login").attr("class");
        if(status!="active")
        {
            $("#overflow").show();
            $("#login").fadeIn(400).addClass("active");
            
        }
        else
        {
             $("#login").fadeOut().removeClass("active");
             $("#overflow").hide();
        }
    }
   
  
            
   

})